<template>
	<div class="form-control">
		<el-form :model="clazz" label-width="auto">
			<el-form-item label="班级名称">
				<el-select v-model="clazz.name" clearable placeholder="请选择班级名称">
				  <el-option label="py2402" value="1" />
				  <el-option label="py2404" value="2" />
				</el-select>
			</el-form-item>

      		<el-form-item label="课程时长">
				<el-input :model-value="clazz.duration" readonly placeholder="请输入课程时长">
				    <template #append>月</template>
				</el-input>
			</el-form-item>

			<el-form-item label="班主任">
				<el-input
					 :model-value="clazz.manage" type="text" readonly placeholder="请输入班主任名称"/>
			</el-form-item>
		</el-form>
	</div>
</template>

<script>
export default {
	data(){
		return {
			clazz: {
				name: null,
			}
		}
	}
}
</script>

<style scoped>
.form-control {
	padding: 30px 30px 10px;
}
</style>